<template>
  <div class="mywrap">
    <person-depart />
    <div class="list">
      <personList />
    </div>

  </div>
</template>

<script>
import personDepart from './personDepart.vue'
import personList from './personList.vue'
export default {
  name: 'VueHrimIndex',
  components: { personDepart, personList },
  data() {
    return {

    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>
<style lang="scss" scoped>
    .mywrap{
      width: 100%;
      display: flex;
      .list{
        flex:1;

        border-left: 1px solid black;
      }
    }
</style>
